<template>
  <el-scrollbar>
    <div class="container">
      <h1 class="title" style="text-align: center;">openlayers介绍</h1>
      <h1>GIS 基础</h1>
      <el-divider>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
      </el-divider>
      <h1 class="h1">openlayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。它可以在任何网页上显示从任何来源加载的地图瓦片、矢量数据和标记。</h1>
      <h1 class="h1">有如下特点：</h1>
      <dl>
        <dd>支持任何XYZ瓦片资源，同时也支持OGC的WMTS规范的瓦片服务以及ArcGIS规范的瓦片服务</dd>
        <dd>支持矢量切片，包括pbf、GeoJSON、TopoJSON格式</dd>
        <dd>支持矢量图层，能渲染GeoJSON、TopoJSON、KML、GML和其他格式的矢量数据</dd>
        <dd>支持OGC制定的WMS、WFS等GIS网络服务规范</dd>
        <dd>支持在移动设备上运行</dd>
        <dd>可以通过css来为地图控件设置样式</dd>
        <dd>面向对象开发方式，在OpenLayers中万物皆对象</dd>
      </dl>
      <h1>
        OpenLayers虽然很强大，但是因为一切皆对象，所以使用起来很麻烦，再加上无比难看的文档，所以对新手极其不友好，这也是本网站的初衷，旨在基于实际业务开发的场景下来沉淀一些内容，来帮助新手使用OpenLayers。
      </h1>
      <el-divider>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
      </el-divider>
      <h1>本文基于OpenLayers v6+版本，代码基于Vue3。</h1>
      <el-divider>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
      </el-divider>
      <h3>地图基本概念、坐标系、坐标单位、点线面的理解</h3>
      <dl>
        <dt>GIS</dt>
        <dd>(Geographic Information System/Science/Service)地理学与地图学以及遥感和计算机科学</dd>
        <dt>坐标系(coordinate system)</dt>
        <dd>通常有两种坐标系 地理坐标系(geographic coordinate systems) 和 投影坐标系(projected coordinate systems)</dd>
        <dt>地理坐标系(Geographic coordinate system)</dt>
        <dd>EPSG:4326 (WGS84)</dd>
        <dt>投影坐标系 (Projected coordinate systems)</dt>
        <dd>EPSG:3857 (Pseudo-Mercator)</dd>
        <dt>EPSG</dt>
        <dd>
          EPSP的英文全称是European Petroleum Survey
          Group，中文名称为欧洲石油调查组织,EPSG对世界的每一个地方都制定了地图，但是由于座标系不同，所以地图也各不相同。
        </dd>
        <dt>OGC</dt>
        <dd>
          开放地理空间信息联盟(Open Geospatial
          Consortium),它的主要目的就是制定与空间信息、基于位置服务相关的标准。而这些所谓的标准其实就是一些接口或编码的技术文档，不同的厂商、各种GIS产品都可以对照这些文档来定义开放服务的接口、空间数据存储的编码、空间操作的方法。
        </dd>
        <dt>开放标准</dt>
        <dd>
          标准多达几十种，包括我们常用到的WMS、WFS、WCS、WMTS等。
        </dd>
        <dt>描述文档</dt>
        <dd>
          KML、SFS(简单对象描述)、GML、SLD(地理数据符号化)等。
        </dd>
        <dt>CRS</dt>
        <dd>
          Coodinate reference system 坐标参照系。
        </dd>
      </dl>
      <el-divider>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
        <el-icon color="#409EFC"><star-filled /></el-icon>
      </el-divider>
      <h1>安装使用</h1>
      <dl>
        <dd>npm install ol</dd>
        <dd>导入您的程序所需的内容即可使用</dd>
      </dl>
      <h1>让我们开始吧！！！</h1>
    </div>
  </el-scrollbar>
</template>
<script>
import { StarFilled } from '@element-plus/icons-vue'
export default {
  components: { StarFilled }
}
</script>
<style lang="scss" scoped>
@import '../../css/main.scss';
</style>
